<template>
    <div class="rich-text-wrapper">
        <div class="title">{{title}}</div>
        <div v-html="content"></div>
    </div>
</template>

<script>
export default {
  props: ['title', 'content']
}
</script>
<style lang="less" scoped>
.rich-text-wrapper {
    padding: 16px;
    border-radius: 8px;
    background: #FFF;
    /* 默认卡片投影 */
    box-shadow: 0px 2px 12px 0px rgba(150, 151, 153, 0.16);

    .title {
        color: #333;
        font-feature-settings: 'clig' off, 'liga' off;
        font-family: "PingFang SC";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 12px;
    }

    ::v-deep img {
        max-width: 318px;
    }
}
</style>